<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{HOME_PATH}css/style.css" rel="stylesheet" type="text/css" />
<link href="{HOME_PATH}css/media.css" rel="stylesheet" type="text/css">
<link href="{HOME_PATH}css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{HOME_PATH}css/font-awesome.min.css">
<link rel="stylesheet" href="{HOME_PATH}css/animate.min.css">
<link rel="stylesheet" type="text/css" href="{HOME_PATH}css/idangerous.swiper.css">
<script type="text/javascript" src="{HOME_PATH}js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  {template "content","header"}
  {template "content","top"}
  <section class="met_section"> {template "content","left"}
    <script data-cfasync="false" src="{HOME_PATH}js/email-decode.min.js"></script> 
    <script type="text/javascript" src="{HOME_PATH}js/jquery.imagezoom.min.js"></script>
    <article>
      <div class="met_article">
        <section class="met_article_head">
          <h1>{$CATEGORYS[$catid][catname]} </h1>
        </section>
        <div class="met_clear"></div>
        <div class="showpro">
          <div class="box"> 
          	{loop $pictureurls $pic_k $r}
          	<?
          		$i++;
          		if($i==1){
          	?>
            <div class="tb-booth tb-pic tb-s310"><a href="{thumb($r[url], 100, 137, 0)}"><img src="{thumb($r[url], 100, 137, 0)}" alt="{$title}" rel="{thumb($r[url], 100, 137, 0)}" class="jqzoom" style="max-width:370px; max-height:370px;"/></a></div>
            <? }?>
            {/loop}
            <ul class="tb-thumb" id="thumblist">
              {loop $pictureurls $pic_k $r}
              <li>
                <div class="tb-pic tb-s40"><a href="javascript:void(0)"><img src="{thumb($r[url], 100, 137, 0)}" mid="{thumb($r[url], 100, 137, 0)}" big="{thumb($r[url], 100, 137, 0)}" style="max-width:60px; max-height:60px;"></a></div>
              </li>
              {/loop}
            </ul>
          </div>
          <script type="text/javascript">
                $(document).ready(function(){
                  $(".jqzoom").imagezoom();
                  $("#thumblist li a").hover(function(){
                    $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
                    $(".jqzoom").attr('src',$(this).find("img").attr("mid"));
                    $(".jqzoom").attr('rel',$(this).find("img").attr("big"));
                  });

                });
              </script>
          <div class="showprojj" > 
            <!-- showpro left -->
            <div class="showproleft">
              <div class="title">{$title}</div>
              <div class="blank20"></div>
              <div class="jj"> {$description} </div>
              <a class="advisory" href='https://wpa.qq.com/msgrd?v=3&uin={pc:block pos="qq"}{/pc}&site=qq&menu=yes' target="_blank">在线咨询</a> </div>
            <div class="clean"></div>
          </div>
        </div>
        <div class="clean"></div>
        <div class="blank25"></div>
        <!-- detail -->
        <div class="slideTxtBox">
          <div class="hd"> <span class="arrow"><a class="next"></a><a class="prev"></a></span>
            <ul>
              <li class="on">产品详情</li>
            </ul>
          </div>
          <div class="bd">
            <ul>
              {$content}
            </ul>
          </div>
        </div>
        <script>
                jQuery(".slideTxtBox").slide();
              </script>
        <div class="met_clear"></div>
      </div>
    </article>
    <div class="met_clear"></div>
  </section>
  <div class="xgcase">
    <div class="content">
      <div class="lmtit">
        <div class="cn">应用案例推荐</div>
        <div class="en">RECOMMENDED CASES</div>
      </div>
      <div class="xgcasenr">
        <div class="bd">
          <ul>
            {pc:content action="lists" catid="$catid" num="20" order="id DESC" page="$page"}
            {loop $data $r}
            <li><a href="{$r[url]}">
              <div class="pic"><img src="{thumb($r[thumb],300,300)}" alt="{$r[title]}" class="tupian" loadwidth="915" loadheight="540"></div>
              <div class="tit">{str_cut($r[title],28)}</div>
              </a></li>
             {/loop}
            {/pc}
          </ul>
        </div>
        <a href="javascript:void(0);" class="prev"><i class="fa fa-angle-left"></i></a> <a href="javascript:void(0);" class="next"><i class="fa fa-angle-right"></i></a>
        <div class="clean"></div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
        jQuery(".xgcasenr").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
    </script> 
  {template "content","footer"} </div>
</body>
</html>